<template>
  <div class="user-profile">
    <!-- 导航栏 -->
    <van-nav-bar
      class="page-nav-bar"
      title="个人信息"
      left-text=""
      left-arrow
      @click-left="$router.back()"
    />
    <!-- /导航栏 -->

    <!-- 个人信息 -->
    <van-cell class="avatar-cell" title="头像" is-link center>
      <van-image
        class="avatar"
        round
        fit="cover"
        src="https://img.yzcdn.cn/vant/cat.jpeg"
      />
    </van-cell>

    <van-cell title="昵称" value="" is-link />
    <!-- /个人信息 -->
  </div>
</template>

<script>
export default {
  show:'',
  name: 'UserProfile',
  components: {},
  props: {},
  data () {
    return {}
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style scoped>
.user-profile .page-nav-bar {
  background-color: #034fbe; }
  .user-profile .page-nav-bar ::v-deep .van-icon {
    color: #fff; }
  .user-profile .page-nav-bar ::v-deep .van-nav-bar__title {
    color: #fff; }

.user-profile .avatar-cell ::v-deep .van-cell__value {
  display: flex;
  flex-direction: row-reverse; }

.user-profile .avatar-cell .avatar {
  width: 60px;
  height: 60px; }
</style>